{% extends "base.html" %}
{% load i18n %}

{% autoescape off %}
{% block html_head_ext %}
<link rel="stylesheet" type="text/css" 
      href="{{ base_site_url }}/dms_media/javascript/yui/build/fonts/fonts-min.css" />
<link rel="stylesheet" type="text/css" 
      href="{{ base_site_url }}/dms_media/javascript/yui/build/tabview/assets/skins/sam/tabview.css" />
<script type="text/javascript" 
      src="{{ base_site_url }}/dms_media/javascript/yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" 
      src="{{ base_site_url }}/dms_media/javascript/yui/build/element/element-beta.js"></script>
<script type="text/javascript" 
      src="{{ base_site_url }}/dms_media/javascript/yui/build/tabview/tabview.js"></script>
{% endblock %}

{% block frame_left %}{% endblock %}

{% block title %} {{ title }}: <i>{{ this_title }}</i> {% endblock %}
{% block content %}
{% if add_ons_0 %}
  <script type="text/javascript">
  function do_show_more () {
    document.getElementById("text_more").style.display="inline";
    document.getElementById("show_more_a").style.display="none";
    document.getElementById("show_less_a").style.display="inline";
  }
  function do_hide_more () {
    document.getElementById("text_more").style.display="none";
    document.getElementById("show_less_a").style.display="none";
    document.getElementById("show_more_a").style.display="inline";
  }
  </script>

<div style="margin-top:-2em;">
  <div id="text_more" style="display:none;">
  <h4 style="margin:0; margin-bottom:0;"><b>{% trans "Web-Objekte ergänzen ..." %}</b></h4>

  <div class=" yui-skin-sam">
    <div id="addForm" class="yui-navset">
      <ul class="yui-nav">
          <li class="selected"><a href="#tab0"><em>{% trans "Häufig benötigt" %}</em></a></li>
          <!--
          <li><a href="#tab1"><em>{% trans "Seltener benötigt" %}</em></a></li>
          <li><a href="#tab2"><em>"{% trans "Der Rest" %}"</em></a></li>
          <li><a href="#tab3"><em>"{% trans "Site-Objekte" %}</em></a></li>
          -->
      </ul>
      <div class="yui-content">
          <div id="tab0">
            <ul>
            {% for line in add_ons_0 %}
            <li><a href="{{ line.url }}" class="navLink">{{ line.info }}</a></li>
            {% endfor %}
            </ul>
          </div>
          <!--
          <div id="tab1">
            <ul>
            {% for line in add_ons_1 %}
            <li><a href="{{ line.url }}" class="navLink">{{ line.info }}</a></li>
            {% endfor %}
            </ul>
          </div>
          <div id="tab2">
            <ul>
            {% for line in add_ons_2 %}
            <li><a href="{{ line.url }}" class="navLink">{{ line.info }}</a></li>
            {% endfor %}
            </ul>
          </div>
          <div id="tab3">
            <ul>
            {% for line in add_ons_3 %}
            <li><a href="{{ line.url }}" class="navLink">{{ line.info }}</a></li>
            {% endfor %}
            </ul>
          </div>
          -->
      </div>
    </div>
    <br />
  </div>

</div>
{% endif %}

<div style="right:220px;">
  <div class=" yui-skin-sam">
    <div id="manageForm" class="yui-navset">
      <ul class="yui-nav">
          <li class="selected"><a href="#tab10"><em>{% trans "Standard" %}</em></a></li>
      </ul>
      <div class="yui-content">
          <div id="tab10">
            {{ tab_standard }}
          </div>
      </div>
    </div>
  </div>

</div> <!-- margin-top -->
</div> <!-- margin-right -->

<script>
 var addTab = new YAHOO.widget.TabView('addForm');
 var manageTab = new YAHOO.widget.TabView('manageForm');
</script>
{% endblock %}
{% endautoescape %}
